
// 监听浏览器大小改变刷新页面 防止样式混乱
$(window).bind('resize', function (e) {
    if (window.RT) clearTimeout(window.RT);
    window.RT = setTimeout(function () {
        this.location.reload(false); /* false to get page from cache */
    }, 200);
});

//自调用函数
(function () {
    // 1、页面一加载就要知道页面宽度计算
    var setFont = function () {
        // 因为要定义变量可能和别的变量相互冲突，污染，所有用自调用函数
        var html = document.documentElement;// 获取html
        // 获取宽度
        var width = html.clientWidth;

        // 判断
        if (width < 875) width = 875
        if (width > 1920) width = 1920
        // 设置html的基准值
        var fontSize = width / 80 + 'px';
        // 设置给html
        html.style.fontSize = fontSize;
    }
    setFont();
    // 2、页面改变的时候也需要设置
    // 尺寸改变事件
    window.onresize = function () {
        setFont();
    }
})();

//头部 时间
(function () {
    play();

    runing()

    function runing() {
        setInterval(play, 1000);
    }

    function play() {

        var d1 = new Date();
        var y = d1.getFullYear();
        var m = ('0' + (d1.getMonth() + 1)).slice(-2);
        var d = ('0' + d1.getDate()).slice(-2);
        var h = d1.getHours();

        var i = ('0' + d1.getMinutes()).slice(-2);
        var s = ('0' + d1.getSeconds()).slice(-2);



        var temp = y + '年' + m + '月' + d + '日 ' + ' ' + h + ':' + i + ':' + s;

        document.getElementById('year').innerHTML = temp;
    }
})();


// (function () {
//     //事件委托
//     $('.monitor').on('click', ' a', function () {
//         //点击当前的a 加类名 active  他的兄弟删除类名
//         $(this).addClass('active').siblings().removeClass('active');
//         //获取一一对应的下标 
//         var index = $(this).index();
//         //选取content 然后狗日对应下标的 显示   当前的兄弟.content隐藏
//         $('.content').eq(index).show().siblings('.content').hide();
//     });
//     //滚动
//     //原理：把marquee下面的子盒子都复制一遍 加入到marquee中
//     //      然后动画向上滚动，滚动到一半重新开始滚动
//     //因为选取的是两个marquee  所以要遍历
//     $('.monitor .marquee').each(function (index, dom) {
//         //将每个 的所有子级都复制一遍
//         var rows = $(dom).children().clone();
//         //再将新的到的加入原来的
//         $(dom).append(rows);
//     });
// })();
(function () {
    var int = null;
    var box = document.getElementById('marquee');

    play();

    function play() {
        int = setInterval(function () {
            var firstEl = box.firstElementChild;
            if (box.scrollTop >= firstEl.scrollHeight) {
                box.appendChild(firstEl);
                box.scrollTop = 0;
            } else {
                box.scrollTop += 1;
            }
        }, 100)
    }

    box.onmouseenter = function () {
        clearInterval(int);
    }

    box.onmouseleave = function () {
        play();
    }

})();

(function () {
    var int = null;
    var box2 = document.getElementById('marquee2');

    play();

    function play() {
        int = setInterval(function () {
            var firstEl = box2.firstElementChild;
            if (box2.scrollTop >= firstEl.scrollHeight) {
                box2.appendChild(firstEl);
                box2.scrollTop = 0;
            } else {
                box2.scrollTop += 1;
            }
        }, 100)
    }

    box2.onmouseenter = function () {
        clearInterval(int);
    }

    box2.onmouseleave = function () {
        play();
    }

})();

(function () {
    var int = null;
    var box3 = document.getElementById('marquee3');

    play();

    function play() {
        int = setInterval(function () {
            var firstEl = box3.firstElementChild;
            if (box3.scrollTop >= firstEl.scrollHeight) {
                box3.appendChild(firstEl);
                box3.scrollTop = 0;
            } else {
                box3.scrollTop += 1;
            }
        }, 100)
    }

    box3.onmouseenter = function () {
        clearInterval(int);
    }

    box3.onmouseleave = function () {
        play();
    }

})();

(function () {
    var stock = [
        { order_date: '2022/04/09', product_name: 'DSGY-1A', order_num: 20, rk_zsl: 8, rkl: 40, wwc: 12 },
        { order_date: '2022/04/09', product_name: 'DSGY-1B', order_num: 10, rk_zsl: 5, rkl: 50, wwc: 10 },
        { order_date: '2022/04/09', product_name: 'DSGY-1C', order_num: 15, rk_zsl: 6, rkl: 40, wwc: 9 },
        { order_date: '2022/04/09', product_name: 'DSGY-1D', order_num: 5, rk_zsl: 2, rkl: 40, wwc: 3 },
        { order_date: '2022/04/09', product_name: 'DSGY-1A', order_num: 20, rk_zsl: 8, rkl: 40, wwc: 12 },
    ]
    stock.forEach((item, index) => {
        $('.marquee').append(
            ` <div class="row ">
            <span class="col ">${item.order_date}</span>
            <span class="col "> ${item.product_name}</span>
            <span class="col ">${item.order_num}</span>
            <span class="col ">${item.rk_zsl}</span>
            <span class="col"><span class="border"><span class="strip" style="color:#FFFFFF">${item.rkl}%</span></span></span>
            <span class="col">${item.wwc}</span>
            <span class="icon-dot"></span>
        </div>`
        )
        $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).find('.strip').css('width', ((parseInt(item.rkl) * 0.08) + 'rem'))
        if (item.rkl >= 80) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).find(".strip").css('background', 'linear-gradient(51deg, #59C2E6, #34A7FF)')
        }
        if (item.rkl >= 50 && item.rkl <= 79) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).find(".strip").css('background', 'linear-gradient(51deg, #FFCA4C, #FCAC4C)')
        }
        if (item.rkl >= 0 && item.rkl <= 49) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).find(".strip").css('background', '#f4452b')
        }
    });
})();
(function () {
    var customized = [
        { agent_name: '中诺恒太城项目', order_date: '2022/03/28', product_name: '特殊定制（龙骨角线）', order_num: 317, dfh: 317, issend: '待发货', is_tzcg: '' },
        { agent_name: '中诺恒太城项目', order_date: '2022/03/28', product_name: '特殊定制（龙骨角线）', order_num: 1110, dfh: 1110, issend: '待发货', is_tzcg: '' },
        { agent_name: '中诺恒太城项目', order_date: '2022/03/30', product_name: '特殊定制（龙骨角线）', order_num: 370, dfh: 370, issend: '待发货', is_tzcg: '' },
        { agent_name: '中诺恒太城项目', order_date: '2022/03/30', product_name: '特殊定制（龙骨角线）', order_num: 1110, dfh: 1110, issend: '待发货', is_tzcg: '' },
        { agent_name: '中诺恒太城项目', order_date: '2022/03/30', product_name: '特殊定制（工程）', order_num: 1700, dfh: 1700, issend: '待发货', is_tzcg: '' },
        { agent_name: '中诺恒太城项目', order_date: '2022/03/28', product_name: '特殊定制（工程）', order_num: 1704, dfh: 1704, issend: '待发货', is_tzcg: '' },
        { agent_name: '金螳螂精装科技', order_date: '2022/04/06', product_name: '特殊定制（勾搭板）', order_num: 1890, dfh: 1890, issend: '待发货', is_tzcg: '' },
        { agent_name: '杭州祯祺装饰工程有限公司', order_date: '2022/03/19', product_name: '特殊定制（工程）', order_num: 320, dfh: 320, issend: '待发货', is_tzcg: '' }
    ]
    customized.forEach((item, index) => {
        $('.marquee2').append(
            ` <div class="row">
            <span class="col2">${item.agent_name}</span>
            <span class="col2">${item.order_date}</span>
            <span class="col2"> ${item.product_name} </span>
            <span class="col2">${item.order_num}</span>
            <span class="col2">${item.dfh}</span>
            <span class="col2">${item.issend}</span>
            <span class="col2">${item.is_tzcg}</span>
            <span class="icon-dot"></span>
        </div>`
        )

    });
})();

(function () {
    var owingGoods = [
        { qh_all_num: 317, product_name: '特殊定制（龙骨角线）', fact_nums: 317, qh_num: 0 },
        { qh_all_num: 1110, product_name: '特殊定制（龙骨角线）', fact_nums: 300, qh_num: 810 },
        { qh_all_num: 370, product_name: '特殊定制（龙骨角线）', fact_nums: 200, qh_num: 170 },
        { qh_all_num: 1110, product_name: '特殊定制（龙骨角线）', fact_nums: 0, qh_num: 1110 },
        { qh_all_num: 1700, product_name: '特殊定制（工程）', fact_nums: 200, qh_num: 1500 },
        { qh_all_num: 1704, product_name: '特殊定制（工程）', fact_nums: 0, qh_num: 1704 },
        { qh_all_num: 1890, product_name: '特殊定制（勾搭板）', fact_nums: 0, qh_num: 1890 },
        { qh_all_num: 320, product_name: '特殊定制（工程）', fact_nums: 320, qh_num: 0 }
    ]
    owingGoods.forEach((item, index) => {
        $('#marquee3').append(
            ` <div
        style="font-size: .75rem;color: #FFFFFF;margin-bottom: .833333rem;border: 1px solid #38AAFD;padding: .208333rem; display: flex;flex-direction: column;">
        <div style="display: flex;margin-bottom:.416667rem">
            <div style="flex:1;">
                <p style="margin-bottom:.208333rem;" ><span>需求数</span>:<span
                        style="font-size: 2.083333rem;color:#FCB14C;padding-left:.833333rem">${item.qh_all_num}</span></p>
                <p style="margin-bottom:.208333rem;">
                <span>库存数</span>:<span>${item.fact_nums}</span>&nbsp;
                &nbsp;
                &nbsp;
                &nbsp;<span>欠货数</span>:<span>${item.qh_num}</span>
                </p>
            </div>
        </div>
        <div><span>${item.product_name}</span></div>
    </div>`
        )
    });
})();

// function f1(url, sign, workshop) {
//     $.ajax({
//         url: url,
//         type: "GET",
//         dataType: "json",
//         data: {
//             proname: 'JJ8012',
//             workshop: workshop
//         },
//         headers: { DataScreenToken: sign },
//         success: function (res) {
//             var num = res.rows.length
//             $('#Amount3').text(num);
//             $('.marquee3').html("");
//             var owingGoods = res.rows
//             owingGoods.forEach((item, index) => {
//                 $('#marquee3').append(
//                     ` <div
//                 style="font-size: .75rem;color: #FFFFFF;margin-bottom: .833333rem;border: 1px solid #38AAFD;padding: .208333rem; display: flex;flex-direction: column;">
//                 <div style="display: flex;margin-bottom:.416667rem">
//                     <div style="flex:1;">
//                         <p style="margin-bottom:.208333rem;" ><span>需求数</span>:<span
//                                 style="font-size: 2.083333rem;color:#FCB14C;padding-left:.833333rem">${item.qh_all_num}</span></p>
//                       <p style="margin-bottom:.208333rem;">
//                         <span>库存数</span>:<span>${item.product_num}</span>&nbsp;
//                         &nbsp;<span>在途数</span>:<span>${item.fact_nums}</span>
//                         &nbsp;
//                         &nbsp;<span>欠货数</span>:<span>${item.qh_num}</span>
//                       </p>
//                     </div>
//                 </div>
//                 <div><span>${item.product_code + item.product_name + item.product_size}</span></div>
//             </div>`
//                 )
//             });

//         }
//     })
// }
// function f2(url, sign, workshop) {
//     $.ajax({
//         url: url,
//         type: "GET",
//         dataType: "json",
//         data: {
//             proname: 'JJ8013',
//             workshop: workshop
//         },
//         headers: { DataScreenToken: sign },
//         success: function (res) {
//             $('.marquee').html("");
//             var num = res.rows.length
//             $('#Amount1').text(num);
//             var stock = res.rows
//             stock.forEach((item, index) => {
//                 $('.marquee').append(
//                     ` <div class="row ">
//                     <span class="col ${item.is_over == '超期' ? 'yellow' : ''}">${item.order_date + (item.is_over == '超期' ? '(超期)' : '')}</span>
//                     <span class="col ${item.is_over == '超期' ? 'yellow' : ''}">${item.spbm}   ${item.product_name}</span>
//                     <span class="col ${item.is_over == '超期' ? 'yellow' : ''}">${item.order_num}</span>
//                     <span class="col ${item.is_over == '超期' ? 'yellow' : ''}">${item.rk_zsl}</span>
//                     <span class="col ${item.is_over == '超期' ? 'yellow' : ''}"><span class="border"><span class="strip" style="color:#FFFFFF">${item.rkl}%</span></span></span>
//                     <span class="col ${item.is_over == '超期' ? 'yellow' : ''}">${item.order_num - item.rk_zsl < 0 ? 0 : item.order_num - item.rk_zsl}</span>
//                     <span class="icon-dot"></span>
//                 </div>`
//                 )
//                 $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).find('.strip').css('width', ((parseInt(item.rkl) * 0.08) + 'rem'))
//                 if (item.rkl >= 80) {
//                     $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).find(".strip").css('background', 'linear-gradient(51deg, #59C2E6, #34A7FF)')
//                 }
//                 if (item.rkl >= 50 && item.rkl <= 79) {
//                     $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).find(".strip").css('background', 'linear-gradient(51deg, #FFCA4C, #FCAC4C)')
//                 }
//                 if (item.rkl >= 0 && item.rkl <= 49) {
//                     $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).find(".strip").css('background', '#f4452b')
//                 }
//             });

//         }
//     })
// }
// function f3(url, sign, workshop) {
//     $.ajax({
//         url: url,
//         type: "GET",
//         dataType: "json",
//         data: {
//             proname: 'JJ8014',
//             workshop: workshop
//         },
//         headers: { DataScreenToken: sign },
//         success: function (res) {
//             console.log(res)
//             $('.marquee2').html("");
//             var num = res.rows.length
//             $('#Amount2').text(num);
//             var customized = res.rows
//             customized.forEach((item, index) => {
//                 $('.marquee2').append(
//                     ` <div class="row">
//                     <span class="col2 ${item.is_over == '超期' ? 'yellow' : ''}">${item.agent_name}</span>
//                     <span class="col2 ${item.is_over == '超期' ? 'yellow' : ''}">${item.order_date + (item.is_over == '超期' ? '(超期)' : '')}</span>
//                     <span class="col2 ${item.is_over == '超期' ? 'yellow' : ''}">${item.spbm}   ${item.product_name}  ${item.product_code}</span>
//                     <span class="col2 ${item.is_over == '超期' ? 'yellow' : ''}">${item.order_num}</span>
//                     <span class="col2 ${item.is_over == '超期' ? 'yellow' : ''}">${item.dfh}</span>
//                     <span class="col2 ${item.is_over == '超期' ? 'yellow' : ''}">${item.issend}</span>
//                     <span class="col2 ${item.is_over == '超期' ? 'yellow' : ''}">${item.is_tzcg}</span>
//                     <span class="icon-dot"></span>
//                 </div>`
//                 )

//             });

//         }
//     })
// }

// 周度水球图 
(function () {
    var myChart = echarts.init(document.getElementById('waterChart'));
    let angle = 0;//角度，用来做简单的动画效果的
    let value = 25.2;
    option = {
        title: {
            text: '{a|' + value + '}{c|%}',
            x: 'center',
            y: 'center',
            textStyle: {
                rich: {
                    a: {
                        fontSize: 14,
                        color: '#FFFFFF'
                    },

                    c: {
                        fontSize: 12,
                        color: '#ffffff',
                        // padding: [5,0]
                    }
                }
            }
        },
        legend: {
            type: "plain",
            orient: "vertical",
            right: 0,
            top: "10%",
            align: "auto",
            data: [{
                name: '涨价后没吃过',
                icon: "circle"
            }, {
                name: '天天吃',
                icon: "circle"
            }, {
                name: '三五天吃一次',
                icon: "circle"
            }, {
                name: '半个月吃一次',
                icon: "circle"
            }],
            textStyle: {
                color: "white",
                fontSize: 16,
                padding: [10, 1, 10, 0]
            },
            selectedMode: false
        },
        series: [{
            name: "ring5",
            type: 'custom',
            coordinateSystem: "none",
            renderItem: function (params, api) {
                return {
                    type: 'arc',
                    shape: {
                        cx: api.getWidth() / 2,
                        cy: api.getHeight() / 2,
                        r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
                        startAngle: (0 + angle) * Math.PI / 180,
                        endAngle: (90 + angle) * Math.PI / 180
                    },
                    style: {
                        stroke: "#0CD3DB",
                        fill: "transparent",
                        lineWidth: 1.5
                    },
                    silent: true
                };
            },
            data: [0]
        }, {
            name: "ring5",
            type: 'custom',
            coordinateSystem: "none",
            renderItem: function (params, api) {
                return {
                    type: 'arc',
                    shape: {
                        cx: api.getWidth() / 2,
                        cy: api.getHeight() / 2,
                        r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
                        startAngle: (180 + angle) * Math.PI / 180,
                        endAngle: (270 + angle) * Math.PI / 180
                    },
                    style: {
                        stroke: "#0CD3DB",
                        fill: "transparent",
                        lineWidth: 1.5
                    },
                    silent: true
                };
            },
            data: [0]
        }, {
            name: "ring5",
            type: 'custom',
            coordinateSystem: "none",
            renderItem: function (params, api) {
                return {
                    type: 'arc',
                    shape: {
                        cx: api.getWidth() / 2,
                        cy: api.getHeight() / 2,
                        r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
                        startAngle: (270 + -angle) * Math.PI / 180,
                        endAngle: (40 + -angle) * Math.PI / 180
                    },
                    style: {
                        stroke: "#0CD3DB",
                        fill: "transparent",
                        lineWidth: 1.5
                    },
                    silent: true
                };
            },
            data: [0]
        }, {
            name: "ring5",
            type: 'custom',
            coordinateSystem: "none",
            renderItem: function (params, api) {
                return {
                    type: 'arc',
                    shape: {
                        cx: api.getWidth() / 2,
                        cy: api.getHeight() / 2,
                        r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
                        startAngle: (90 + -angle) * Math.PI / 180,
                        endAngle: (220 + -angle) * Math.PI / 180
                    },
                    style: {
                        stroke: "#0CD3DB",
                        fill: "transparent",
                        lineWidth: 1.5
                    },
                    silent: true
                };
            },
            data: [0]
        }, {
            name: "ring5",
            type: 'custom',
            coordinateSystem: "none",
            renderItem: function (params, api) {
                let x0 = api.getWidth() / 2;
                let y0 = api.getHeight() / 2;
                let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
                let point = getCirlPoint(x0, y0, r, (90 + -angle))
                return {
                    type: 'circle',
                    shape: {
                        cx: point.x,
                        cy: point.y,
                        r: 4
                    },
                    style: {
                        stroke: "#0CD3DB",//粉
                        fill: "#0CD3DB"
                    },
                    silent: true
                };
            },
            data: [0]
        }, {
            name: "ring5",  //绿点
            type: 'custom',
            coordinateSystem: "none",
            renderItem: function (params, api) {
                let x0 = api.getWidth() / 2;
                let y0 = api.getHeight() / 2;
                let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
                let point = getCirlPoint(x0, y0, r, (270 + -angle))
                return {
                    type: 'circle',
                    shape: {
                        cx: point.x,
                        cy: point.y,
                        r: 4
                    },
                    style: {
                        stroke: "#0CD3DB",      //绿
                        fill: "#0CD3DB"
                    },
                    silent: true
                };
            },
            data: [0]
        }, {
            name: '吃猪肉频率',
            type: 'pie',
            radius: ['58%', '45%'],
            silent: true,
            clockwise: true,
            startAngle: 90,
            z: 0,
            zlevel: 0,
            label: {
                normal: {
                    position: "center",

                }
            },
            data: [{
                value: value,
                name: "",
                itemStyle: {
                    normal: {
                        color: { // 完成的圆环的颜色
                            colorStops: [{
                                offset: 0,
                                color: '#4FADFD' // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: '#28E8FA' // 100% 处的颜色
                            }]
                        },
                    }
                }
            },
            {
                value: 100 - value,
                name: "",
                label: {
                    normal: {
                        show: false
                    }
                },
                itemStyle: {
                    normal: {
                        color: "#173164"
                    }
                }
            }
            ]
        },

        {
            name: "",
            type: "gauge",
            radius: "58%",
            center: ['50%', '50%'],
            startAngle: 0,
            endAngle: 359.9,
            splitNumber: 8,
            hoverAnimation: true,
            axisTick: {
                show: false
            },
            splitLine: {
                length: 60,
                lineStyle: {
                    width: 5,
                    color: "#061740"
                }
            },
            axisLabel: {
                show: false
            },
            pointer: {
                show: false
            },
            axisLine: {
                lineStyle: {
                    opacity: 0
                }
            },
            detail: {
                show: false
            },
            data: [{
                value: 0,
                name: ""
            }]
        },

        ]
    };

    //获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
    function getCirlPoint(x0, y0, r, angle) {
        let x1 = x0 + r * Math.cos(angle * Math.PI / 180)
        let y1 = y0 + r * Math.sin(angle * Math.PI / 180)
        return {
            x: x1,
            y: y1
        }
    }

    function draw() {
        angle = angle + 3
        myChart.setOption(option, true)
        //window.requestAnimationFrame(draw);
    }

    setInterval(function () {
        //用setInterval做动画感觉有问题
        draw()
    }, 100);
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
})();

// 月度水球图 
(function () {
    var myChart2 = echarts.init(document.getElementById('waterChart2'));
    let angle = 0; //角度，用来做简单的动画效果的
    let value = 39.33;
    var timerId;
    option2 = {
        title: {
            text: '{a|' + value + '}{c|%}',
            x: 'center',
            y: 'center',
            textStyle: {
                rich: {
                    a: {
                        fontSize: 14,
                        color: '#FFFFFF'
                    },

                    c: {
                        fontSize: 12,
                        color: '#ffffff',
                        // padding: [5,0]
                    }
                }
            }
        },

        series: [
            // 紫色
            {
                name: "ring5",
                type: 'custom',
                coordinateSystem: "none",
                renderItem: function (params, api) {
                    return {
                        type: 'arc',
                        shape: {
                            cx: api.getWidth() / 2,
                            cy: api.getHeight() / 2,
                            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
                            startAngle: (0 + angle) * Math.PI / 180,
                            endAngle: (90 + angle) * Math.PI / 180
                        },
                        style: {
                            stroke: "#8383FA",
                            fill: "transparent",
                            lineWidth: 1.5
                        },
                        silent: true
                    };
                },
                data: [0]
            }, {
                name: "ring5", //紫点
                type: 'custom',
                coordinateSystem: "none",
                renderItem: function (params, api) {
                    let x0 = api.getWidth() / 2;
                    let y0 = api.getHeight() / 2;
                    let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6;
                    let point = getCirlPoint(x0, y0, r, (90 + angle))
                    return {
                        type: 'circle',
                        shape: {
                            cx: point.x,
                            cy: point.y,
                            r: 4
                        },
                        style: {
                            stroke: "#8450F9", //绿
                            fill: "#8450F9"
                        },
                        silent: true
                    };
                },
                data: [0]
            },
            // 蓝色

            {
                name: "ring5",
                type: 'custom',
                coordinateSystem: "none",
                renderItem: function (params, api) {
                    return {
                        type: 'arc',
                        shape: {
                            cx: api.getWidth() / 2,
                            cy: api.getHeight() / 2,
                            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
                            startAngle: (180 + angle) * Math.PI / 180,
                            endAngle: (270 + angle) * Math.PI / 180
                        },
                        style: {
                            stroke: "#4386FA",
                            fill: "transparent",
                            lineWidth: 1.5
                        },
                        silent: true
                    };
                },
                data: [0]
            },
            {
                name: "ring5", // 蓝色
                type: 'custom',
                coordinateSystem: "none",
                renderItem: function (params, api) {
                    let x0 = api.getWidth() / 2;
                    let y0 = api.getHeight() / 2;
                    let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6;
                    let point = getCirlPoint(x0, y0, r, (180 + angle))
                    return {
                        type: 'circle',
                        shape: {
                            cx: point.x,
                            cy: point.y,
                            r: 4
                        },
                        style: {
                            stroke: "#4386FA", //绿
                            fill: "#4386FA"
                        },
                        silent: true
                    };
                },
                data: [0]
            },

            {
                name: "ring5",
                type: 'custom',
                coordinateSystem: "none",
                renderItem: function (params, api) {
                    return {
                        type: 'arc',
                        shape: {
                            cx: api.getWidth() / 2,
                            cy: api.getHeight() / 2,
                            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
                            startAngle: (270 + -angle) * Math.PI / 180,
                            endAngle: (40 + -angle) * Math.PI / 180
                        },
                        style: {
                            stroke: "#0CD3DB",
                            fill: "transparent",
                            lineWidth: 1.5
                        },
                        silent: true
                    };
                },
                data: [0]
            },
            // 橘色

            {
                name: "ring5",
                type: 'custom',
                coordinateSystem: "none",
                renderItem: function (params, api) {
                    return {
                        type: 'arc',
                        shape: {
                            cx: api.getWidth() / 2,
                            cy: api.getHeight() / 2,
                            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
                            startAngle: (90 + -angle) * Math.PI / 180,
                            endAngle: (220 + -angle) * Math.PI / 180
                        },
                        style: {
                            stroke: "#FF8E89",
                            fill: "transparent",
                            lineWidth: 1.5
                        },
                        silent: true
                    };
                },
                data: [0]
            }, {
                name: "ring5",
                type: 'custom',
                coordinateSystem: "none",
                renderItem: function (params, api) {
                    let x0 = api.getWidth() / 2;
                    let y0 = api.getHeight() / 2;
                    let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
                    let point = getCirlPoint(x0, y0, r, (90 + -angle))
                    return {
                        type: 'circle',
                        shape: {
                            cx: point.x,
                            cy: point.y,
                            r: 4
                        },
                        style: {
                            stroke: "#FF8E89", //粉
                            fill: "#FF8E89"
                        },
                        silent: true
                    };
                },
                data: [0]
            }, {
                name: "ring5", //绿点
                type: 'custom',
                coordinateSystem: "none",
                renderItem: function (params, api) {
                    let x0 = api.getWidth() / 2;
                    let y0 = api.getHeight() / 2;
                    let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
                    let point = getCirlPoint(x0, y0, r, (270 + -angle))
                    return {
                        type: 'circle',
                        shape: {
                            cx: point.x,
                            cy: point.y,
                            r: 4
                        },
                        style: {
                            stroke: "#0CD3DB", //绿
                            fill: "#0CD3DB"
                        },
                        silent: true
                    };
                },
                data: [0]
            }, {
                name: '吃猪肉频率',
                type: 'pie',
                radius: ['52%', '40%'],
                silent: true,
                clockwise: true,
                startAngle: 90,
                z: 0,
                zlevel: 0,
                label: {
                    normal: {
                        position: "center",

                    }
                },
                data: [{
                    value: value,
                    name: "",
                    itemStyle: {
                        normal: {
                            color: { // 完成的圆环的颜色
                                colorStops: [{
                                    offset: 0,
                                    color: '#A098FC' // 0% 处的颜色
                                },
                                {
                                    offset: 0.3,
                                    color: '#4386FA' // 0% 处的颜色
                                },
                                {
                                    offset: 0.6,
                                    color: '#4FADFD' // 0% 处的颜色
                                },
                                {
                                    offset: 0.8,
                                    color: '#0CD3DB' // 100% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#646CF9' // 100% 处的颜色
                                }
                                ]
                            },
                        }
                    }
                },
                {
                    value: 100 - value,
                    name: "",
                    label: {
                        normal: {
                            show: false
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: "#173164"
                        }
                    }
                }
                ]
            },
            {
                name: '吃猪肉频率',
                type: 'pie',
                radius: ['32%', '35%'],
                silent: true,
                clockwise: true,
                startAngle: 270,
                z: 0,
                zlevel: 0,
                label: {
                    normal: {
                        position: "center",

                    }
                },
                data: [{
                    value: value,
                    name: "",
                    itemStyle: {
                        normal: {
                            color: { // 完成的圆环的颜色
                                colorStops: [{
                                    offset: 0,
                                    color: '#00EDF3' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#646CF9' // 100% 处的颜色
                                }]
                            },
                        }
                    }
                },
                {
                    value: 100 - value,
                    name: "",
                    label: {
                        normal: {
                            show: false
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: "#173164"
                        }
                    }
                }
                ]
            },

        ]
    };

    //获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
    function getCirlPoint(x0, y0, r, angle) {
        let x1 = x0 + r * Math.cos(angle * Math.PI / 180)
        let y1 = y0 + r * Math.sin(angle * Math.PI / 180)
        return {
            x: x1,
            y: y1
        }
    }

    function draw() {
        angle = angle + 3
        myChart2.setOption(option2, true)
        //window.requestAnimationFrame(draw);
    }
    if (timerId) {
        clearInterval(timerId);
    }
    timerId = setInterval(function () {
        //用setInterval做动画感觉有问题
        draw()
    }, 100);
    myChart2.setOption(option2);
})();
// function f4(url, sign, workshop) {
//     $.ajax({
//         url: url,
//         type: "GET",
//         dataType: "json",
//         data: {
//             proname: 'JJ8015',
//             workshop: workshop
//         },
//         headers: { DataScreenToken: sign },
//         success: function (res) {
//             var item = res.rows[0]
//             var value1 = item.week_percentage;
//             console.log(item)
//             var value2 = item.month_percentage;
//             $('#week_all_num').html(item.week_all_num);
//             $('#week_finish_num').html(item.week_finish_num);
//             $('#month_all_num').html(item.month_all_num);
//             $('#month_finish_num').html(item.month_finish_num);

//             // 周度水球图
//             (function () {
//                 var myChart = echarts.init(document.getElementById('waterChart'));
//                 let angle = 0;//角度，用来做简单的动画效果的
//                 let value = value1;
//                 option = {
//                     title: {
//                         text: '{a|' + value + '}{c|%}',
//                         x: 'center',
//                         y: 'center',
//                         textStyle: {
//                             rich: {
//                                 a: {
//                                     fontSize: 14,
//                                     color: '#FFFFFF'
//                                 },

//                                 c: {
//                                     fontSize: 12,
//                                     color: '#ffffff',
//                                     // padding: [5,0]
//                                 }
//                             }
//                         }
//                     },
//                     legend: {
//                         type: "plain",
//                         orient: "vertical",
//                         right: 0,
//                         top: "10%",
//                         align: "auto",
//                         data: [{
//                             name: '涨价后没吃过',
//                             icon: "circle"
//                         }, {
//                             name: '天天吃',
//                             icon: "circle"
//                         }, {
//                             name: '三五天吃一次',
//                             icon: "circle"
//                         }, {
//                             name: '半个月吃一次',
//                             icon: "circle"
//                         }],
//                         textStyle: {
//                             color: "white",
//                             fontSize: 16,
//                             padding: [10, 1, 10, 0]
//                         },
//                         selectedMode: false
//                     },
//                     series: [{
//                         name: "ring5",
//                         type: 'custom',
//                         coordinateSystem: "none",
//                         renderItem: function (params, api) {
//                             return {
//                                 type: 'arc',
//                                 shape: {
//                                     cx: api.getWidth() / 2,
//                                     cy: api.getHeight() / 2,
//                                     r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
//                                     startAngle: (0 + angle) * Math.PI / 180,
//                                     endAngle: (90 + angle) * Math.PI / 180
//                                 },
//                                 style: {
//                                     stroke: "#0CD3DB",
//                                     fill: "transparent",
//                                     lineWidth: 1.5
//                                 },
//                                 silent: true
//                             };
//                         },
//                         data: [0]
//                     }, {
//                         name: "ring5",
//                         type: 'custom',
//                         coordinateSystem: "none",
//                         renderItem: function (params, api) {
//                             return {
//                                 type: 'arc',
//                                 shape: {
//                                     cx: api.getWidth() / 2,
//                                     cy: api.getHeight() / 2,
//                                     r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
//                                     startAngle: (180 + angle) * Math.PI / 180,
//                                     endAngle: (270 + angle) * Math.PI / 180
//                                 },
//                                 style: {
//                                     stroke: "#0CD3DB",
//                                     fill: "transparent",
//                                     lineWidth: 1.5
//                                 },
//                                 silent: true
//                             };
//                         },
//                         data: [0]
//                     }, {
//                         name: "ring5",
//                         type: 'custom',
//                         coordinateSystem: "none",
//                         renderItem: function (params, api) {
//                             return {
//                                 type: 'arc',
//                                 shape: {
//                                     cx: api.getWidth() / 2,
//                                     cy: api.getHeight() / 2,
//                                     r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
//                                     startAngle: (270 + -angle) * Math.PI / 180,
//                                     endAngle: (40 + -angle) * Math.PI / 180
//                                 },
//                                 style: {
//                                     stroke: "#0CD3DB",
//                                     fill: "transparent",
//                                     lineWidth: 1.5
//                                 },
//                                 silent: true
//                             };
//                         },
//                         data: [0]
//                     }, {
//                         name: "ring5",
//                         type: 'custom',
//                         coordinateSystem: "none",
//                         renderItem: function (params, api) {
//                             return {
//                                 type: 'arc',
//                                 shape: {
//                                     cx: api.getWidth() / 2,
//                                     cy: api.getHeight() / 2,
//                                     r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
//                                     startAngle: (90 + -angle) * Math.PI / 180,
//                                     endAngle: (220 + -angle) * Math.PI / 180
//                                 },
//                                 style: {
//                                     stroke: "#0CD3DB",
//                                     fill: "transparent",
//                                     lineWidth: 1.5
//                                 },
//                                 silent: true
//                             };
//                         },
//                         data: [0]
//                     }, {
//                         name: "ring5",
//                         type: 'custom',
//                         coordinateSystem: "none",
//                         renderItem: function (params, api) {
//                             let x0 = api.getWidth() / 2;
//                             let y0 = api.getHeight() / 2;
//                             let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
//                             let point = getCirlPoint(x0, y0, r, (90 + -angle))
//                             return {
//                                 type: 'circle',
//                                 shape: {
//                                     cx: point.x,
//                                     cy: point.y,
//                                     r: 4
//                                 },
//                                 style: {
//                                     stroke: "#0CD3DB",//粉
//                                     fill: "#0CD3DB"
//                                 },
//                                 silent: true
//                             };
//                         },
//                         data: [0]
//                     }, {
//                         name: "ring5",  //绿点
//                         type: 'custom',
//                         coordinateSystem: "none",
//                         renderItem: function (params, api) {
//                             let x0 = api.getWidth() / 2;
//                             let y0 = api.getHeight() / 2;
//                             let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
//                             let point = getCirlPoint(x0, y0, r, (270 + -angle))
//                             return {
//                                 type: 'circle',
//                                 shape: {
//                                     cx: point.x,
//                                     cy: point.y,
//                                     r: 4
//                                 },
//                                 style: {
//                                     stroke: "#0CD3DB",      //绿
//                                     fill: "#0CD3DB"
//                                 },
//                                 silent: true
//                             };
//                         },
//                         data: [0]
//                     }, {
//                         name: '吃猪肉频率',
//                         type: 'pie',
//                         radius: ['58%', '45%'],
//                         silent: true,
//                         clockwise: true,
//                         startAngle: 90,
//                         z: 0,
//                         zlevel: 0,
//                         label: {
//                             normal: {
//                                 position: "center",

//                             }
//                         },
//                         data: [{
//                             value: value,
//                             name: "",
//                             itemStyle: {
//                                 normal: {
//                                     color: { // 完成的圆环的颜色
//                                         colorStops: [{
//                                             offset: 0,
//                                             color: '#4FADFD' // 0% 处的颜色
//                                         }, {
//                                             offset: 1,
//                                             color: '#28E8FA' // 100% 处的颜色
//                                         }]
//                                     },
//                                 }
//                             }
//                         },
//                         {
//                             value: 100 - value,
//                             name: "",
//                             label: {
//                                 normal: {
//                                     show: false
//                                 }
//                             },
//                             itemStyle: {
//                                 normal: {
//                                     color: "#173164"
//                                 }
//                             }
//                         }
//                         ]
//                     },

//                     {
//                         name: "",
//                         type: "gauge",
//                         radius: "58%",
//                         center: ['50%', '50%'],
//                         startAngle: 0,
//                         endAngle: 359.9,
//                         splitNumber: 8,
//                         hoverAnimation: true,
//                         axisTick: {
//                             show: false
//                         },
//                         splitLine: {
//                             length: 60,
//                             lineStyle: {
//                                 width: 5,
//                                 color: "#061740"
//                             }
//                         },
//                         axisLabel: {
//                             show: false
//                         },
//                         pointer: {
//                             show: false
//                         },
//                         axisLine: {
//                             lineStyle: {
//                                 opacity: 0
//                             }
//                         },
//                         detail: {
//                             show: false
//                         },
//                         data: [{
//                             value: 0,
//                             name: ""
//                         }]
//                     },

//                     ]
//                 };

//                 //获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
//                 function getCirlPoint(x0, y0, r, angle) {
//                     let x1 = x0 + r * Math.cos(angle * Math.PI / 180)
//                     let y1 = y0 + r * Math.sin(angle * Math.PI / 180)
//                     return {
//                         x: x1,
//                         y: y1
//                     }
//                 }

//                 function draw() {
//                     angle = angle + 3
//                     myChart.setOption(option, true)
//                     //window.requestAnimationFrame(draw);
//                 }

//                 setInterval(function () {
//                     //用setInterval做动画感觉有问题
//                     draw()
//                 }, 100);
//                 // 使用刚指定的配置项和数据显示图表。
//                 myChart.setOption(option);
//             })();

//             // 月度水球图
//             (function () {
//                 var myChart2 = echarts.init(document.getElementById('waterChart2'));
//                 let angle = 0; //角度，用来做简单的动画效果的
//                 let value = value2;
//                 var timerId;
//                 option2 = {
//                     title: {
//                         text: '{a|' + value + '}{c|%}',
//                         x: 'center',
//                         y: 'center',
//                         textStyle: {
//                             rich: {
//                                 a: {
//                                     fontSize: 14,
//                                     color: '#FFFFFF'
//                                 },

//                                 c: {
//                                     fontSize: 12,
//                                     color: '#ffffff',
//                                     // padding: [5,0]
//                                 }
//                             }
//                         }
//                     },

//                     series: [
//                         // 紫色
//                         {
//                             name: "ring5",
//                             type: 'custom',
//                             coordinateSystem: "none",
//                             renderItem: function (params, api) {
//                                 return {
//                                     type: 'arc',
//                                     shape: {
//                                         cx: api.getWidth() / 2,
//                                         cy: api.getHeight() / 2,
//                                         r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
//                                         startAngle: (0 + angle) * Math.PI / 180,
//                                         endAngle: (90 + angle) * Math.PI / 180
//                                     },
//                                     style: {
//                                         stroke: "#8383FA",
//                                         fill: "transparent",
//                                         lineWidth: 1.5
//                                     },
//                                     silent: true
//                                 };
//                             },
//                             data: [0]
//                         }, {
//                             name: "ring5", //紫点
//                             type: 'custom',
//                             coordinateSystem: "none",
//                             renderItem: function (params, api) {
//                                 let x0 = api.getWidth() / 2;
//                                 let y0 = api.getHeight() / 2;
//                                 let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6;
//                                 let point = getCirlPoint(x0, y0, r, (90 + angle))
//                                 return {
//                                     type: 'circle',
//                                     shape: {
//                                         cx: point.x,
//                                         cy: point.y,
//                                         r: 4
//                                     },
//                                     style: {
//                                         stroke: "#8450F9", //绿
//                                         fill: "#8450F9"
//                                     },
//                                     silent: true
//                                 };
//                             },
//                             data: [0]
//                         },
//                         // 蓝色

//                         {
//                             name: "ring5",
//                             type: 'custom',
//                             coordinateSystem: "none",
//                             renderItem: function (params, api) {
//                                 return {
//                                     type: 'arc',
//                                     shape: {
//                                         cx: api.getWidth() / 2,
//                                         cy: api.getHeight() / 2,
//                                         r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
//                                         startAngle: (180 + angle) * Math.PI / 180,
//                                         endAngle: (270 + angle) * Math.PI / 180
//                                     },
//                                     style: {
//                                         stroke: "#4386FA",
//                                         fill: "transparent",
//                                         lineWidth: 1.5
//                                     },
//                                     silent: true
//                                 };
//                             },
//                             data: [0]
//                         },
//                         {
//                             name: "ring5", // 蓝色
//                             type: 'custom',
//                             coordinateSystem: "none",
//                             renderItem: function (params, api) {
//                                 let x0 = api.getWidth() / 2;
//                                 let y0 = api.getHeight() / 2;
//                                 let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6;
//                                 let point = getCirlPoint(x0, y0, r, (180 + angle))
//                                 return {
//                                     type: 'circle',
//                                     shape: {
//                                         cx: point.x,
//                                         cy: point.y,
//                                         r: 4
//                                     },
//                                     style: {
//                                         stroke: "#4386FA", //绿
//                                         fill: "#4386FA"
//                                     },
//                                     silent: true
//                                 };
//                             },
//                             data: [0]
//                         },

//                         {
//                             name: "ring5",
//                             type: 'custom',
//                             coordinateSystem: "none",
//                             renderItem: function (params, api) {
//                                 return {
//                                     type: 'arc',
//                                     shape: {
//                                         cx: api.getWidth() / 2,
//                                         cy: api.getHeight() / 2,
//                                         r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
//                                         startAngle: (270 + -angle) * Math.PI / 180,
//                                         endAngle: (40 + -angle) * Math.PI / 180
//                                     },
//                                     style: {
//                                         stroke: "#0CD3DB",
//                                         fill: "transparent",
//                                         lineWidth: 1.5
//                                     },
//                                     silent: true
//                                 };
//                             },
//                             data: [0]
//                         },
//                         // 橘色

//                         {
//                             name: "ring5",
//                             type: 'custom',
//                             coordinateSystem: "none",
//                             renderItem: function (params, api) {
//                                 return {
//                                     type: 'arc',
//                                     shape: {
//                                         cx: api.getWidth() / 2,
//                                         cy: api.getHeight() / 2,
//                                         r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
//                                         startAngle: (90 + -angle) * Math.PI / 180,
//                                         endAngle: (220 + -angle) * Math.PI / 180
//                                     },
//                                     style: {
//                                         stroke: "#FF8E89",
//                                         fill: "transparent",
//                                         lineWidth: 1.5
//                                     },
//                                     silent: true
//                                 };
//                             },
//                             data: [0]
//                         }, {
//                             name: "ring5",
//                             type: 'custom',
//                             coordinateSystem: "none",
//                             renderItem: function (params, api) {
//                                 let x0 = api.getWidth() / 2;
//                                 let y0 = api.getHeight() / 2;
//                                 let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
//                                 let point = getCirlPoint(x0, y0, r, (90 + -angle))
//                                 return {
//                                     type: 'circle',
//                                     shape: {
//                                         cx: point.x,
//                                         cy: point.y,
//                                         r: 4
//                                     },
//                                     style: {
//                                         stroke: "#FF8E89", //粉
//                                         fill: "#FF8E89"
//                                     },
//                                     silent: true
//                                 };
//                             },
//                             data: [0]
//                         }, {
//                             name: "ring5", //绿点
//                             type: 'custom',
//                             coordinateSystem: "none",
//                             renderItem: function (params, api) {
//                                 let x0 = api.getWidth() / 2;
//                                 let y0 = api.getHeight() / 2;
//                                 let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
//                                 let point = getCirlPoint(x0, y0, r, (270 + -angle))
//                                 return {
//                                     type: 'circle',
//                                     shape: {
//                                         cx: point.x,
//                                         cy: point.y,
//                                         r: 4
//                                     },
//                                     style: {
//                                         stroke: "#0CD3DB", //绿
//                                         fill: "#0CD3DB"
//                                     },
//                                     silent: true
//                                 };
//                             },
//                             data: [0]
//                         }, {
//                             name: '吃猪肉频率',
//                             type: 'pie',
//                             radius: ['52%', '40%'],
//                             silent: true,
//                             clockwise: true,
//                             startAngle: 90,
//                             z: 0,
//                             zlevel: 0,
//                             label: {
//                                 normal: {
//                                     position: "center",

//                                 }
//                             },
//                             data: [{
//                                 value: value,
//                                 name: "",
//                                 itemStyle: {
//                                     normal: {
//                                         color: { // 完成的圆环的颜色
//                                             colorStops: [{
//                                                 offset: 0,
//                                                 color: '#A098FC' // 0% 处的颜色
//                                             },
//                                             {
//                                                 offset: 0.3,
//                                                 color: '#4386FA' // 0% 处的颜色
//                                             },
//                                             {
//                                                 offset: 0.6,
//                                                 color: '#4FADFD' // 0% 处的颜色
//                                             },
//                                             {
//                                                 offset: 0.8,
//                                                 color: '#0CD3DB' // 100% 处的颜色
//                                             }, {
//                                                 offset: 1,
//                                                 color: '#646CF9' // 100% 处的颜色
//                                             }
//                                             ]
//                                         },
//                                     }
//                                 }
//                             },
//                             {
//                                 value: 100 - value,
//                                 name: "",
//                                 label: {
//                                     normal: {
//                                         show: false
//                                     }
//                                 },
//                                 itemStyle: {
//                                     normal: {
//                                         color: "#173164"
//                                     }
//                                 }
//                             }
//                             ]
//                         },
//                         {
//                             name: '吃猪肉频率',
//                             type: 'pie',
//                             radius: ['32%', '35%'],
//                             silent: true,
//                             clockwise: true,
//                             startAngle: 270,
//                             z: 0,
//                             zlevel: 0,
//                             label: {
//                                 normal: {
//                                     position: "center",

//                                 }
//                             },
//                             data: [{
//                                 value: value,
//                                 name: "",
//                                 itemStyle: {
//                                     normal: {
//                                         color: { // 完成的圆环的颜色
//                                             colorStops: [{
//                                                 offset: 0,
//                                                 color: '#00EDF3' // 0% 处的颜色
//                                             }, {
//                                                 offset: 1,
//                                                 color: '#646CF9' // 100% 处的颜色
//                                             }]
//                                         },
//                                     }
//                                 }
//                             },
//                             {
//                                 value: 100 - value,
//                                 name: "",
//                                 label: {
//                                     normal: {
//                                         show: false
//                                     }
//                                 },
//                                 itemStyle: {
//                                     normal: {
//                                         color: "#173164"
//                                     }
//                                 }
//                             }
//                             ]
//                         },

//                     ]
//                 };

//                 //获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
//                 function getCirlPoint(x0, y0, r, angle) {
//                     let x1 = x0 + r * Math.cos(angle * Math.PI / 180)
//                     let y1 = y0 + r * Math.sin(angle * Math.PI / 180)
//                     return {
//                         x: x1,
//                         y: y1
//                     }
//                 }

//                 function draw() {
//                     angle = angle + 3
//                     myChart2.setOption(option2, true)
//                     //window.requestAnimationFrame(draw);
//                 }
//                 if (timerId) {
//                     clearInterval(timerId);
//                 }
//                 timerId = setInterval(function () {
//                     //用setInterval做动画感觉有问题
//                     draw()
//                 }, 100);
//                 myChart2.setOption(option2);
//             })();

//         }
//     })
// }
// function getQueryVariable(variable) {
//     var query = window.location.search.substring(1);
//     var vars = query.split("?");
//     for (var i = 0; i < vars.length; i++) {
//         var pair = vars[i].split("=");
//         if (pair[0] == variable) { return pair[1]; }
//     }
//     return (false);
// }
// (function () {
//     var appkey = "adtec+4245";
//     var sign = hex_md5("dataScreenToken" + appkey).toString();
//     const url = "http://fsilon.dderp.cn:10082/query";
//     var workshop = decodeURI(getQueryVariable("workshop"));
//     $('#workshop').html(workshop)
//     console.log(workshop)
//     f1(url, sign, workshop);
//     f2(url, sign, workshop);
//     f3(url, sign, workshop);
//     f4(url, sign, workshop);
//     setInterval(function () {
//         f1(url, sign, workshop);
//         f2(url, sign, workshop);
//         f3(url, sign, workshop);
//         f4(url, sign, workshop);
//     }, 600000)
// })();








